/* 普通二维码 */
*{
    margin:0;
    padding:0;
}
body{
    padding:50px;
    background: #000;
}
a{
    text-decoration: none;
    
}

.main{
    position: relative;
    width:145px;
    height:230px;
    background:url(../image/yys雪碧图.png) no-repeat;
    padding-top: 50px;
}

.main img:first-child{
    display: block;
    width:110px;
    height:110px;
    margin: 0 auto;
}
.main img:last-child{
    position: absolute;
    top:45px;
    left:13px; 
    animation: Scroll1 linear 6s infinite; 
}

@keyframes Scroll1{
    0%{
        top:45px;
        left:13px;
    }
    50%{
        top:152px;
        left:13px;
    }
    100%{
        top:45px;
        left:13px;
    }
}


/* 弹出式 */

.bg{
    position: fixed;
    top:120px;
    right:-150px;
    width:240px;
    height:291px;
    padding-right:8px;
    background: url(../image/dl_bg_4e42051.png) no-repeat right;
    transition: .6s;
}
.code{
    margin:13px 2px 0px 0px;
    position:relative;
    float:right;
    width:127px;
    height:127px;
    
}
.code>img:first-child{
    position: absolute;
    width:127px;
    top:0;
    left:0;
    animation: Scroll2 linear 2s infinite;
    
}
.btn-pc{
    display: block;
    background:url(../image/btn-pc_93dc2ef.png);
    width:132px;
    height:132px;
    margin-top:4px;
}
.btn-pc:hover{
    opacity: .7;
}
.icon-code{
    width:100%;
    height:100%;
}
.arrow{
    display: block;
    background: url(../image/packup_c5e548f.png) no-repeat center;
    margin:-4px auto 4px auto;
    width:21px;
    height:21px;
    padding-left:30px;
}
.btn{
    width:50px;
    height:88px;
    font-size:18px;
    font-weight: 500;
    color:#fff;
    margin-left:46px;
    padding-top:21px;
    text-align:center;
}
#btn-open>span{
    transform: rotate(180deg);
}
@keyframes Scroll2{
    0%{
        top:0px;
        left:0px; 
    }
    50%{
        top:117px;
        left:0px; 
    }
    100%{
        top:0px;
        left:0px; 
    }
}
